<template>
  <div class="discount">
    <my-head title="我的优惠" :go="true" :ri="false "></my-head>
    <div class="content">
      <div class="list">
        <div class="item" @click="goto('investmentred')">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-wodehongbao"></use>
          </svg>
          <div>投资红包</div>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiantou"></use>
          </svg>
        </div>
        <div class="item" @click="goto('volume')">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-wodehongbao"></use>
          </svg>
          <div>加息卷</div>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiantou"></use>
          </svg>
        </div>
      </div>
      <div class="list">
        <div class="item" @click="goto('gift')">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-daishouhuolihe"></use>
          </svg>
          <div>精美礼品</div>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiantou"></use>
          </svg>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "@/components/Head"
export default {
  components:{
    myHead:Head
  },
  methods:{
    goto(val){
      this.$router.push({path:"/"+val})
    }
  }
}
</script>

<style scoped lang="less">
  .discount{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      background: #f4f4f4;
      padding-top: 0.11rem;
      .list{
        margin-bottom: 0.15rem;
        .item{
          background: #fff;
          display: flex;
          flex-direction: row;
          padding: 0 0.15rem;
          margin-bottom: 0.01rem;
          div{
            flex: 1;
            font-size: 0.15rem;
            padding: 0.15rem;
          }
        }
        .item:last-child{
          margin: 0;
        }
        .icon{
          width: 0.2rem;
          height: 0.2rem;
          margin: 0.125rem 0;
        }
      }
    }
  }
</style>
